@charset "UTF-8";
/**
 * 
 * @authors Your Name (hss)
 * @date    2017-03-07 13:34:25
 * @version $Id$
 */
#msgbody{
    overflow-y: auto;
    display: block;
    padding: 10px;
    background: #fff;
    
}
#msgbody li{
    display: block;
    overflow: hidden;
    margin-top:5px;
}
#msgbody li a{
    display: inline-block;
    width: 100%;
    color:#666;
    //padding: 5px 0;
    //background-color:#FEF0F2;
}
.me{
	float:right
}
.other{
	float:left
}
.sender .mask{
    padding:0 8px;
    text-align:center;
}
.time-m{
    font-size: 12px;
    color: #999;
}
.me,.other,.time-m{
    height: 42px;
    line-height:46px;
}
.msgbox{
    position: relative;
    padding: 10px;
    line-height: 18px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px; 
}
.msgbox.left {
    border: solid 1px #eee;
    background-color: #eee;
    margin-top: 3px;
}
.msgbox.right {
    border: solid 1px #2A9EFD;
    background-color: #2A9EFD;
    margin-top: 3px;
}
.msgbox.right .words{
    color:white;
}

.arrow,.arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.arrow {
  border-width: 9px;
}
.arrow:after {
  border-width: 9px;
  content: "";
}
.msgbox.left .arrow {
  top: 10px;
  left: -8px;
  border-right-color: #eee;
  border-left-width: 0;
}
.msgbox.left .arrow:after {
  bottom: -8px;
  left: 2px;
  border-right-color: #eee;
  border-left-width: 0;
}
.msgbox.right .arrow {
  top: 20px;
  right: -8px;
  margin-top: -11px;
  border-left-color: #2A9EFD;
  border-right-width: 0;
}
.msgbox.right .arrow:after {
  right: 2px;
  bottom: -8px;
  border-left-color: #2A9EFD;
  border-right-width: 0;
}

.msgsend{
    width: 100%;
    position:relative;
    padding:5px 0;
    background-color: #ddd;
    border-top:1px solid #A1AFB0;
    overflow: hidden;
}
.msgsend ul{
    width: 90%;
    margin:auto;
}
.msgsend li:nth-child(1){
    width: 86%;
    float:left;
}
.msgsend li:nth-child(1) input{
    width: 98%;
    margin:auto;
    border:1px solid #A1AFB0;
    -webkit-border-radius:5px;
    border-radius: 5px;
    height: 36px;
    text-indent: 10px;
}
.msgsend li:nth-child(2){
    width: 14%;
    float:left; 
}
.msgsend li:nth-child(2) a{
    display: inline-block;
    text-align:center;
    width: 80%;
    color:#999;
    line-height:36px;
    font-size:16px;
}